<template>
  <view class="content">
    <!-- 测试template添加注释 -->
    <up-toast ref="uToastRef" />
    <CustomNavHeader
      title="测试自定义导航"
			:show-back-button="true"
    />
    <up-cell-group title-bg-color="rgb(243, 244, 246)">
      <up-cell
        v-for="(item, index) in list"
        :key="index"
        :title-style="{ fontWeight: 500 }"
        :title="item.title"
        is-link
        :icon="item.iconUrl"
      />
    </up-cell-group>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const list = ref([
	{
		type: 'default',
		title: '默认主题',
		message: '锦瑟无端五十弦',
		iconUrl: 'https://uview-plus.jiangruyi.com/resources/toast/default.png',
	},
	{
		type: 'error',
		icon: false,
		title: '失败主题',
		message: '一弦一柱思华年',
		iconUrl: 'https://uview-plus.jiangruyi.com/resources/toast/error.png',
	},
	{
		type: 'success',
		title: '成功主题(带图标)',
		message: "庄生晓梦迷蝴蝶",
		iconUrl: "https://uview-plus.jiangruyi.com/resources/toast/success.png",
	},
	{
		type: 'loading',
		title: '正在加载',
		message: '正在加载',
		iconUrl: 'https://uview-plus.jiangruyi.com/resources/toast/loading.png',
	},
	{
		type: 'default',
		title: '结束后跳转标签页',
		message: '此情可待成追忆',
		url: '/pages/componentsB/tag/tag',
		iconUrl: 'https://uview-plus.jiangruyi.com/resources/toast/jump.png',
	},
]);

const a = '123'


</script>

<style>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>
